<template>
  <div>
    <h2>Child组件</h2>
    <button @click="hander">点击累加父元素App的数据</button>
    <button @click="off">点击解绑</button>
  </div>
</template>

<script>
export default {
  name: "Child",
  methods: {
    hander(){
        // 触发自定义事件
        this.$emit("changeCount",2)
    },
    off(){
        // 解绑自定义事件
        this.$off("changeCount")
    }
  },
};
</script>

<style>
</style>